.article-item {
    position: relative;
    padding: 20rpx 32rpx;
    background-color: #fff;
    &:nth-last-child(1)::after {
      display: none;
    }
    .article-title {
      .title {
        white-space: normal;
        text-align: justify;
        font-weight: bold;
        font-size: 28rpx;
        line-height: 40rpx;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
      }
    }
    .article-author {
      display: flex;
      align-items: center;
      height: 68rpx;
      .author-avatar {
        width: 40rpx;
        height: 40rpx;
        border-radius: 50%;
      }
      .author-name {
        margin-left: 6rpx;
        line-height: 40rpx;
        font-weight: bold;
        color: #676767;
      }
    }
    .article-content {
      display: flex;
      height: 88rpx;
      .article-brief {
        line-height: 1.6;
        font-size: 28rpx;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal;
      }
      .article-cover {
        position: relative;
        margin-left: 12rpx;
        width: 160rpx;
        flex-shrink: 0;
        .cover {
          position: absolute;
          bottom: 6rpx;
          width: 160rpx;
          height: 120rpx;
          object-fit: cover;
          border-radius: 6rpx;
          background-color: #f5f5f5;
        }
      }
    }
  
    .article-footer {
      margin-top: 12rpx;
      display: flex;
      align-items: center;
      height: 48rpx;
      font-size: 24rpx;
      color: rgb(176, 179, 187);
      .tool-item__delimiter {
        margin: 0 16rpx;
      }
    }
  }